/**
 * @description  : 信用等级变动情况-FJ-组件item
 * @descriptionDetail : 信用等级变动情况-FJ-组件item
 * @copyright    : 浙江烟草
 * @author       : dw
 * @create       : 2022-12-05 10:27:01
 */
<template>
  <view>
    <view>
      <view>
        <view class="rowde coy">
          <view class="head-title">
            {{ "信用等级:" }}
          </view>
          <view class="head-data">
            {{ associationInfo.afterCreditLevel || "/" }}
          </view>
        </view>
        <view class="divided-line">
          <u-row gutter="16" align="top" class="rowde">
            <u-col span="3">
              <view class="msg-title" align="left">
                变动原因：
              </view>
            </u-col>
            <u-col span="9">
              <view class="msg-title">
                {{ associationInfo.changeReason || "/" }}
              </view>
            </u-col>
          </u-row>
          <u-row gutter="16" align="top" class="rowde">
            <u-col span="3">
              <view class="msg-title" align="left">
                变动来源：
              </view>
            </u-col>
            <u-col span="9">
              <view class="msg-title">
                {{ associationInfo.changeSysName || "/" }}
              </view>
            </u-col>
          </u-row>
          <u-row gutter="16" align="top" class="rowde">
            <u-col span="3">
              <view class="msg-title" align="left">
                变动日期：
              </view>
            </u-col>
            <u-col span="9">
              <view class="msg-title">
                {{ associationInfo.changeDate || "/" }}
              </view>
            </u-col>
          </u-row>
          <u-row gutter="16" align="top" class="rowde">
            <u-col span="4">
              <view class="msg-title" align="left">
                变更前信用等级：
              </view>
            </u-col>
            <u-col span="8">
              <view class="msg-title">
                {{ associationInfo.beforeCreditLevel || "/" }}
              </view>
            </u-col>
          </u-row>
          <u-row gutter="16" align="top" class="rowde">
            <u-col span="4">
              <view class="msg-title" align="left">
                变更后信用等级：
              </view>
            </u-col>
            <u-col span="8">
              <view class="msg-title">
                {{ associationInfo.afterCreditLevel || "/" }}
              </view>
            </u-col>
          </u-row>
          <u-row gutter="16" align="top" class="rowde">
            <u-col span="4">
              <view class="msg-title" align="left">
                变更前信用分值：
              </view>
            </u-col>
            <u-col span="8">
              <view class="msg-title">
                {{ associationInfo.beforeCreditScore || "/" }}
              </view>
            </u-col>
          </u-row>
           <u-row gutter="16" align="top" class="rowde">
            <u-col span="4">
              <view class="msg-title" align="left">
                变更后信用分值：
              </view>
            </u-col>
            <u-col span="8">
              <view class="msg-title">
                {{ associationInfo.afterCreditScore || "/" }}
              </view>
            </u-col>
          </u-row>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  components:{
    // fsection,
  },
  props:['associationInfo',],
  data(){
    return{
      association:[],
    }
  },
  methods:{
  },
  
}
</script>

<style lang="scss" scoped>
@import "./retailItem.scss";
.coy{
  display: flex;
}
.head-title{
    padding: 0rpx 8rpx 0rpx 8rpx;
    font-size: $cm_form_item_label_font_size;
    font-weight: 600;
}
.head-data{
   position: relative;
   font-weight: 600;
    left: 10px;
    top: 0px;
}
.left-icon{
    margin: 0rpx 10rpx;
    width: 9rpx;
    height: 32rpx;
    background: $u-type-primary;
    opacity: 1;
    border-radius: 5px;
    display: inline-block;
}

</style>